import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  '::-webkit-scrollbar': {
    'width': [{ 'unit': 'px', 'value': 1 }]
  },
  '::-webkit-scrollbar-track': {
    'backgroundColor': '#bee1eb'
  },
  '::-webkit-scrollbar-thumb': {
    'backgroundColor': 'pink'
  },
  '::-webkit-scrollbar-thumb:hover': {
    'backgroundColor': '#9c3'
  },
  '::-webkit-scrollbar-thumb:active': {
    'backgroundColor': 'pink'
  },
  'body': {
    'color': '#555',
    'fontSize': [{ 'unit': 'px', 'value': 15 }],
    'lineHeight': [{ 'unit': 'px', 'value': 1.7 }],
    'fontFamily': ''Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif',
    'background': '#f7fafc',
    'WebkitFontSmoothing': 'subpixel-antialiased'
  },
  'menu': {
    'position': 'absolute',
    'marginTop': [{ 'unit': '%V', 'value': 0.18 }],
    'marginLeft': [{ 'unit': '%H', 'value': 0.33 }]
  },
  'menu h3': {
    'marginLeft': [{ 'unit': '%H', 'value': 0.25 }]
  },
  'menu h5': {
    'marginLeft': [{ 'unit': '%H', 'value': 0.35 }]
  },
  'menu button': {
    'marginLeft': [{ 'unit': '%H', 'value': 0.15 }]
  },
  'li': {
    'listStyleType': 'none'
  },
  'chat': {
    'position': 'absolute',
    'marginTop': [{ 'unit': '%V', 'value': 0.06 }],
    'marginLeft': [{ 'unit': '%H', 'value': 0.33 }]
  },
  'chat chatButton': {
    'marginTop': [{ 'unit': '%V', 'value': -0.03 }],
    'marginLeft': [{ 'unit': '%H', 'value': 0.35 }]
  },
  'chat chatInput': {
    'marginLeft': [{ 'unit': '%H', 'value': 0.1 }]
  },
  'chat chatInput input': {
    'minWidth': [{ 'unit': '%H', 'value': 0.1 }]
  },
  'chat chatMessage': {
    'width': [{ 'unit': '%H', 'value': 1.2 }],
    'height': [{ 'unit': 'px', 'value': 350 }],
    'marginLeft': [{ 'unit': '%H', 'value': -0.1 }],
    'overflowY': 'scroll'
  },
  'chat chatMessage ul': {
    'marginLeft': [{ 'unit': 'px', 'value': 0 }]
  },
  'badge': {
    'display': 'inline-block',
    'minWidth': [{ 'unit': 'px', 'value': 10 }],
    'padding': [{ 'unit': 'px', 'value': 3 }, { 'unit': 'px', 'value': 7 }, { 'unit': 'px', 'value': 3 }, { 'unit': 'px', 'value': 7 }],
    'fontSize': [{ 'unit': 'px', 'value': 8 }],
    'fontWeight': '700',
    'lineHeight': [{ 'unit': 'px', 'value': 1 }],
    'color': '#fff',
    'textAlign': 'center',
    'whiteSpace': 'nowrap',
    'verticalAlign': 'middle',
    'backgroundColor': 'gainsboro',
    'borderRadius': '10px',
    'marginLeft': [{ 'unit': '%H', 'value': 0.36 }]
  },
  'myMessage': {
    'maxWidth': [{ 'unit': '%H', 'value': 0.4 }],
    'fontSize': [{ 'unit': 'px', 'value': 15 }],
    'fontFamily': '"Hiragino Sans GB", "Microsoft YaHei", sans-serif',
    'position': 'relative',
    'marginBottom': [{ 'unit': '%V', 'value': 0.01 }],
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#bee1eb' }],
    'borderRadius': '5px'
  },
  'myMessage:after': {
    'content': '''',
    'width': [{ 'unit': 'px', 'value': 8 }],
    'height': [{ 'unit': 'px', 'value': 8 }],
    'position': 'absolute',
    'top': [{ 'unit': 'px', 'value': 10 }],
    'left': [{ 'unit': 'px', 'value': -5 }],
    'transform': 'rotate(230deg)',
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': '#bee1eb' }],
    'borderStyle': 'solid solid none none'
  },
  'otherMessage': {
    'maxWidth': [{ 'unit': '%H', 'value': 0.4 }],
    'fontSize': [{ 'unit': 'px', 'value': 15 }],
    'fontFamily': '"Hiragino Sans GB", "Microsoft YaHei", sans-serif',
    'position': 'relative',
    'marginBottom': [{ 'unit': '%V', 'value': 0.01 }],
    'marginLeft': [{ 'unit': '%H', 'value': 0.58 }],
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': 'pink' }],
    'borderRadius': '5px'
  },
  'otherMessage:after': {
    'content': '''',
    'width': [{ 'unit': 'px', 'value': 8 }],
    'height': [{ 'unit': 'px', 'value': 8 }],
    'position': 'absolute',
    'top': [{ 'unit': 'px', 'value': 10 }],
    'right': [{ 'unit': 'px', 'value': -5 }],
    'transform': 'rotate(45deg)',
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'pink' }],
    'borderStyle': 'solid solid none none'
  }
});
